.cash-benefits {
  margin-top: 40px;
  height: 876px;
  background-image: url(~@/assets/imgs/market/cash_benefits.png);
  background-size: 100% 100%;
  padding: 210px 64px 0;
  box-sizing: border-box;
  & > .content {
    padding: 24px 66px;
    border-radius: 16px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFAE1 100%);
    color: #EE0B07;
    text-align: center;
    & > .sub1 {
      font-size: 56px;
      line-height: 66px;
      font-weight: bold;
    }
    & > .sub2 {
      font-size: 32px;
      line-height: 38px;
      margin: 8px 0 4px;
    }
    & > .sub3 {
      font-size: 88px;
      line-height: 103px;
      font-weight: bold;
      font-family: 'Roboto, Roboto';
      margin-bottom: 16px;
    }
    & > .sub4 {
      font-size: 38px;
      line-height: 47px;
      font-weight: bold;
      margin-bottom: 40px;
      white-space: nowrap;
    }
    & > .btn {
      width: 490px;
    }
  }
  &.end {
    height: 578px;
    background-image: url(~@/assets/imgs/market/cash_benefits_small.png);
    background-size: 100% 100%;
    & > .content {
      padding: 24px;
    }
  }
  .scroll-text {
    position: relative;
    margin-top: 28px;
    font-size: 24px;
    color: #fff;
    height: 232px;
    padding: 0 24px;
    box-sizing: border-box;
    overflow-y: hidden;
    &-swipe {
      height: 100%;
    }
  }
}
.anim {
  transition: all 0.5s;
}